.mci-table.el-table {
  background-color: transparent;
  + .el-pagination {
    margin-top: 12px;
  }
  .el-table__body {
    // border-collapse: separate;
    // border-spacing: 0 4px;
  }

  .el-table__inner-wrapper {
    .el-table__row--striped {
      td.el-table__cell {
        background-color: transparent;
        &:after {
          background-color: transparent;
          transition: background-color 0.25s ease;
        }
      }
    }
    th.el-table__cell {
      color: var(--color-text-4);
      font-weight: 400;
      // background-color: var(--color-fill-4);
      // &:after {
      //   background-color: var(--color-fill-4);
      // }
    }
    td.el-table__cell {
      color: var(--color-text-5);
      background-color: var(--color-fill-2);
      border-bottom: none;
      &:after {
        background-color: var(--color-fill-2);
        transition: background-color 0.25s ease;
      }
    }

    .el-table__cell {
      // margin-right: 1px;
      border: none;
      border-right: 1px solid #fff;
      user-select: auto;
      .cell {
        white-space: nowrap;
        word-break: normal;
      }
      // &:first-child {
      //   border-radius: 8px 0 0 8px;
      // }
      &:last-child {
        // border-radius: 0 8px 8px 0;
        &.el-table-fixed-column--right {
          right: -1px !important;
          border-radius: 0;
          background-color: var(--color-fill-1);
          &:after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            // border-radius: 0 8px 8px 0;
            z-index: -1;
          }
        }
      }
    }
  }
  &.el-table--border::before,
  &.el-table--border::after,
  .el-table__inner-wrapper::before,
  .el-table__inner-wrapper::after,
  .el-table__border-left-patch {
    background-color: transparent;
  }
  thead.is-group {
    th.el-table__cell {
      background-color: #c9cdd4;
      border-radius: 0;
      &.is-leaf {
        background-color: #f2f3f5;
        .cell {
          text-align: left;
        }
      }
      .cell {
        text-align: center;
      }
    }
    tr:first-child {
      th:first-child {
        border-radius: 8px 0 0 0;
      }
      th:last-child {
        border-radius: 0 8px 0 0;
      }
    }

    tr:last-child {
      th:first-child {
        border-radius: 0 0 0 8px;
      }
      th:last-child {
        border-radius: 0 0 8px 0;
      }
    }
  }
  tr.el-table__row {
    // background-color: transparent;
    &:hover {
      td.el-table__cell {
        background-color: var(--color-fill-4);
        &:after {
          background-color: var(--color-fill-4);
          transition: background-color 0.25s ease;
        }
      }
    }
  }
}
.mci-mode-edit {
  input:focus,
  input {
    border: none;
    outline: none;
    box-shadow: none !important;
    cursor: pointer;
    &:focus + .el-input__suffix {
      display: inline-flex;
    }
  }
  .el-input__suffix {
    display: none;
    align-items: center;
  }
}
